<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美西时尚</title>
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- 引入animate.css 动画效果 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 重置样式 -->
    <link rel="stylesheet" href="./assets/css/reset.css" />

    <!-- 公共样式 引入的是一个 less文件 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 首页样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />
</head>

<body>
    <header class="header" id="header">
        <div class="menu glyphicon glyphicon-th-list"></div>
        <div class="logo">
            美西时尚
        </div>
        <div class="box">
            <div class="search glyphicon glyphicon-lock"></div>
            <div class="me glyphicon glyphicon-user"></div>
        </div>
    </header>

    <div class="list">
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage07.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>海外购精品推荐</h3>
                <p>Oversea Shopping Recommendation</p>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage06.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>炫酷T恤 舒适百搭</h3>
                <p>T-Shirt Selection</p>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage01.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>早春新品</h3>
                <p>Spring Collection</p>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage02.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>海外购</h3>
                <p>Oversea Shopping</p>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage03.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>男士主推</h3>
                <p>Men's Recommendation</p>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage04.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>女士包袋</h3>
                <p>Women's Bags</p>
            </div>
        </div>
        <div class="item">
            <div class="icon"><img src="./assets/images/homepage05.jpg" class="img-responsive"></div>
            <div class="text">
                <h3>男士包袋</h3>
                <p>Men's Bags</p>
            </div>
        </div>
    </div>

    <div class="daohang">
        <div class="top">
            <h3>时尚导航</h3>
            <h3>FASHION</h3>
        </div>
        <div class="box">
            <ul>
                <li>
                    <a href="./index2.html">
                        <div class="icon"></div>
                        <p>新品上架<br />NEW</p>
                    </a>
                </li>
                <li>
                    <a href="./index2.html">
                        <div class="icon2"></div>
                        <p>包袋<br />BAGS</p>
                    </a>
                </li>
                <li>
                    <a href="./index2.html">
                        <div class="icon3"></div>
                        <p>服装<br />CLOTHES</p>
                    </a>
                </li>
                <li>
                    <a href="./index2.html">
                        <div class="icon4"></div>
                        <p>特惠<br />SALES</p>
                    </a>
                </li>
                <li>
                    <a href="./index2.html">
                        <div class="icon5"></div>
                        <p>鞋履<br />SHOES</p>
                    </a>
                </li>
                <li>
                    <a href="./index2.html">
                        <div class="icon6"></div>
                        <p>配饰<br />ACCESSORIES</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="guanyu">
        <h3>关于美西<span>400-600-6618</span></h3>
        <h3>Android客户端|电脑版</h3>
        <h3>@2022 MEIC.COM</h3>
    </div>
</body>

</html>
<!-- 引入jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- 引入bootstrap js  -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- 引入less -->
<script src="./assets/js/less.min.js"></script>

<!-- 引入懒加载插件 -->
<script src="./assets/js/wow.min.js"></script>

<!-- 滚动视觉差插 -->
<script src="./assets/js/parallax.min.js"></script>
<!-- 制作懒加载效果 -->
<script>
    // 实例化懒加载动画效果
    new WOW().init();
</script>